<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
	<title>豆瓣读书</title>
<link rel="stylesheet" type="text/css" href="./static/css/reset.css">
<link rel="stylesheet" type="text/css" href="./static/css/index.css">
<link rel="stylesheet" type="text/css" href="./static/css/setpage.css">
<script type="text/javascript" src="./static/js/index.js"></script>
<script type="text/javascript">
	window.onload=function (){
	var oInput=document.getElementById('inp');
	var oButton=document.getElementById('btn');
	var oDiv=document.getElementById('article');

	oButton.onclick=function (){
		if (oInput.value!='') {
			oScript=document.createElement('script');
			oScript.src='https://api.douban.com/v2/book/search?q='+oInput.value+' &alt=xd&callback=fn1&start=0&count=15';
			document.body.appendChild(oScript);
			
		}
	}

}
</script>	
</head>
<body>
	<div id="header">
		<div class="top-nav">
			<div class="top-nav-info">
				<a>注册</a>
				<a>登录</a>
				<a class="top-nav-app">下载豆瓣客户端</a>
			</div>
			<div class="top-nav-items">
				<ul>
					<li><a>豆瓣</a></li>
					<li><a>读书</a></li>
					<li><a>电影</a></li>
					<li><a>音乐</a></li>
					<li><a>同城</a></li>
					<li><a>小组</a></li>
					<li><a>阅读</a></li>
					<li><a>FM</a></li>
					<li><a>东西</a></li>
					<li><a>市集</a></li>
					<li><a>更多</a></li>
				</ul>
			</div>
		</div>
		<div class="nav">
			<div class="nav-wrap">
			    <div class="nav-primary">
			    	<div class="nav-logo"></div>
				    <div class="nav-search">
				    	<input type="text" id="inp" class="nav-search-text" placeholder="书名、作者、ISBN" />
				        <input type="button" id="btn" class="nav-search-btn" value="搜索" />
				    </div>
				    <a class="ban-2015"><img src="./static/images/ad_web.png" height="96" width="186"></a>
			    </div>
			</div>
			<div class="nav-secondary">
				<ul class="nav-items">
					<li class="nav-items-first">
					    <a>分类浏览</a>
					</li>
					<li class="nav-book-cart">
					    <a>购书单</a>
					</li>
					<li>
					    <a>电子图书</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="content">
		<div class="article" id="article">
			<div class="section book-express">
				<div class="hd">
					<h2>
						<span>新书速递</span>
						<span class="link-more">
							<a>更多»</a>
						</span>
				    </h2>
				    <div class="slide-ctrols">
				    	<ol class="slide-dots">
				    		<li><a href="" class="active"></a></li>
				    		<li><a href=""></a></li>
				    		<li><a href=""></a></li>
				    		<li><a href=""></a></li>
				    	</ol>
				    	<div class="slide-btns">
				    		<a href="#" class="prev">‹</a>
				    		<a href="#" class="next">›</a>
				    	</div>
				    </div>
				</div>
				<div class="bd">
				    <div class="carousel">
					    <div class="slide-list">
						    <ul class="slide-items">
								<li>
									<div class="cover">
									    <a>
									       <img src="./static/images/s28383445.jpg" height="158" width="106">
									    </a>
									</div>
									<div class="intervenor-info">
									    <img class="jd-icon" src="./static/images/jd_recommend.png" height="16" width="16">
									    <span>推荐</span>
									</div>
									<div class="title"><a>非洲三万里</a></div>
									<span class="author">毕淑敏</span>
								</li>
								<li>
									<div class="cover">
									    <a>
									       <img src="./static/images/s28383445.jpg" height="158" width="106">
									    </a>
									</div>
									<div class="intervenor-info">
									    <img class="jd-icon" src="./static/images/jd_recommend.png" height="16" width="16">
									    <span>推荐</span>
									</div>
									<div class="title"><a>非洲三万里</a></div>
									<span class="author">毕淑敏</span>
								</li>
								<li>
									<div class="cover">
									    <a>
									       <img src="./static/images/s28383445.jpg" height="158" width="106">
									    </a>
									</div>
									<div class="intervenor-info">
									    <img class="jd-icon" src="./static/images/jd_recommend.png" height="16" width="16">
									    <span>推荐</span>
									</div>
									<div class="title"><a>非洲三万里</a></div>
									<span class="author">毕淑敏</span>
								</li>
								<li>
									<div class="cover">
									    <a>
									       <img src="./static/images/s28383445.jpg" height="158" width="106">
									    </a>
									</div>
									<div class="intervenor-info">
									    <img class="jd-icon" src="./static/images/jd_recommend.png" height="16" width="16">
									    <span>推荐</span>
									</div>
									<div class="title"><a>非洲三万里</a></div>
									<span class="author">毕淑敏</span>
								</li>
								<li>
									<div class="cover">
									    <a>
									       <img src="./static/images/s28383445.jpg" height="158" width="106">
									    </a>
									</div>
									<div class="intervenor-info">
									    <img class="jd-icon" src="./static/images/jd_recommend.png" height="16" width="16">
									    <span>推荐</span>
									</div>
									<div class="title"><a>非洲三万里</a></div>
									<span class="author">毕淑敏</span>
								</li>
								<li>
									<div class="cover">
									    <a>
									       <img src="./static/images/s28384329.jpg" height="158" width="106">
									    </a>
									</div>
									<div class="intervenor-info">
									    <img class="jd-icon" src="./static/images/jd_recommend.png" height="16" width="16">
									    <span>推荐</span>
									</div>
									<div class="title"><a>满愿</a></div>
									<span class="author">[日]米泽穗信</span>
								</li>
								<li>
									<div class="cover">
									    <a>
									       <img src="./static/images/s28384329.jpg" height="158" width="106">
									    </a>
									</div>
									<div class="intervenor-info">
									    <img class="jd-icon" src="./static/images/jd_recommend.png" height="16" width="16">
									    <span>推荐</span>
									</div>
									<div class="title"><a>满愿</a></div>
									<span class="author">[日]米泽穗信</span>
								</li>
								<li>
									<div class="cover">
									    <a>
									       <img src="./static/images/s28384329.jpg" height="158" width="106">
									    </a>
									</div>
									<div class="intervenor-info">
									    <img class="jd-icon" src="./static/images/jd_recommend.png" height="16" width="16">
									    <span>推荐</span>
									</div>
									<div class="title"><a>满愿</a></div>
									<span class="author">[日]米泽穗信</span>
								</li>
								<li>
									<div class="cover">
									    <a>
									       <img src="./static/images/s28384329.jpg" height="158" width="106">
									    </a>
									</div>
									<div class="intervenor-info">
									    <img class="jd-icon" src="./static/images/jd_recommend.png" height="16" width="16">
									    <span>推荐</span>
									</div>
									<div class="title"><a>满愿</a></div>
									<span class="author">[日]米泽穗信</span>
								</li>
								<li>
									<div class="cover">
									    <a>
									       <img src="./static/images/s28384329.jpg" height="158" width="106">
									    </a>
									</div>
									<div class="intervenor-info">
									    <img class="jd-icon" src="./static/images/jd_recommend.png" height="16" width="16">
									    <span>推荐</span>
									</div>
									<div class="title"><a>满愿</a></div>
									<span class="author">[日]米泽穗信</span>
								</li>
							</ul>							
					    </div>
				    </div>
				</div>
			</div>
			<div class="section popular-books">
				<div class="hd">
					<h2>
						<span>最受关注图书榜 </span>
						<span class="link-more">
							<a>虚构类» </a>
						</span>
						<span class="link-more">
							<a>非虚构类»</a>
						</span>
				    </h2>
				</div>
				<div class="bd">
					<ul class="list-summary">
						<li>
							<div class="cover">
								<a><img alt="斯通纳" src="./static/images/s28380707.jpg" height="96" width="68"></a>
							</div>
							<div>
							    <h4 class="title"><a>斯通纳</a></h4>
							    <p class="star-samll"></p>
							    <p class="book-author">作者：[美] 约翰·威廉斯 </p>
							    <p class="book-list-classification">小说 / 美国文学 / 理想 </p>
							    <p class="extra-info">有电子书</p>
							    <p class="reviews">《斯通纳》写得精准、克制，将无尽之意留在小说之外，让斯通纳成为一个沉默的英雄。(<a href="">鹿鸣之什评论</a>)</p>
							</div>
						</li>
						<li>
							<div class="cover">
								<a><img alt="斯通纳" src="./static/images/s28380707.jpg" height="96" width="68"></a>
							</div>
							<div>
							    <h4 class="title"><a>斯通纳</a></h4>
							    <p class="star-samll"></p>
							    <p class="book-author">作者：[美] 约翰·威廉斯 </p>
							    <p class="book-list-classification">小说 / 美国文学 / 理想 </p>
							    <p class="extra-info">有电子书</p>
							    <p class="reviews">《斯通纳》写得精准、克制，将无尽之意留在小说之外，让斯通纳成为一个沉默的英雄。(<a href="">鹿鸣之什评论</a>)</p>
							</div>
						</li><li>
							<div class="cover">
								<a><img alt="斯通纳" src="./static/images/s28380707.jpg" height="96" width="68"></a>
							</div>
							<div>
							    <h4 class="title"><a>斯通纳</a></h4>
							    <p class="star-samll"></p>
							    <p class="book-author">作者：[美] 约翰·威廉斯 </p>
							    <p class="book-list-classification">小说 / 美国文学 / 理想 </p>
							    <p class="extra-info">有电子书</p>
							    <p class="reviews">《斯通纳》写得精准、克制，将无尽之意留在小说之外，让斯通纳成为一个沉默的英雄。(<a href="">鹿鸣之什评论</a>)</p>
							</div>
						</li><li>
							<div class="cover">
								<a><img alt="斯通纳" src="./static/images/s28380707.jpg" height="96" width="68"></a>
							</div>
							<div>
							    <h4 class="title"><a>斯通纳</a></h4>
							    <p class="star-samll"></p>
							    <p class="book-author">作者：[美] 约翰·威廉斯 </p>
							    <p class="book-list-classification">小说 / 美国文学 / 理想 </p>
							    <p class="extra-info">有电子书</p>
							    <p class="reviews">《斯通纳》写得精准、克制，将无尽之意留在小说之外，让斯通纳成为一个沉默的英雄。(<a href="">鹿鸣之什评论</a>)</p>
							</div>
						</li><li>
							<div class="cover">
								<a><img alt="斯通纳" src="./static/images/s28380707.jpg" height="96" width="68"></a>
							</div>
							<div>
							    <h4 class="title"><a>斯通纳</a></h4>
							    <p class="star-samll"></p>
							    <p class="book-author">作者：[美] 约翰·威廉斯 </p>
							    <p class="book-list-classification">小说 / 美国文学 / 理想 </p>
							    <p class="extra-info">有电子书</p>
							    <p class="reviews">《斯通纳》写得精准、克制，将无尽之意留在小说之外，让斯通纳成为一个沉默的英雄。(<a href="">鹿鸣之什评论</a>)</p>
							</div>
						</li><li>
							<div class="cover">
								<a><img alt="斯通纳" src="./static/images/s28380707.jpg" height="96" width="68"></a>
							</div>
							<div>
							    <h4 class="title"><a>斯通纳</a></h4>
							    <p class="star-samll"></p>
							    <p class="book-author">作者：[美] 约翰·威廉斯 </p>
							    <p class="book-list-classification">小说 / 美国文学 / 理想 </p>
							    <p class="extra-info">有电子书</p>
							    <p class="reviews">《斯通纳》写得精准、克制，将无尽之意留在小说之外，让斯通纳成为一个沉默的英雄。(<a href="">鹿鸣之什评论</a>)</p>
							</div>
						</li><li>
							<div class="cover">
								<a><img alt="斯通纳" src="./static/images/s28380707.jpg" height="96" width="68"></a>
							</div>
							<div>
							    <h4 class="title"><a>斯通纳</a></h4>
							    <p class="star-samll"></p>
							    <p class="book-author">作者：[美] 约翰·威廉斯 </p>
							    <p class="book-list-classification">小说 / 美国文学 / 理想 </p>
							    <p class="extra-info">有电子书</p>
							    <p class="reviews">《斯通纳》写得精准、克制，将无尽之意留在小说之外，让斯通纳成为一个沉默的英雄。(<a href="">鹿鸣之什评论</a>)</p>
							</div>
						</li><li>
							<div class="cover">
								<a><img alt="斯通纳" src="./static/images/s28380707.jpg" height="96" width="68"></a>
							</div>
							<div>
							    <h4 class="title"><a>斯通纳</a></h4>
							    <p class="star-samll"></p>
							    <p class="book-author">作者：[美] 约翰·威廉斯 </p>
							    <p class="book-list-classification">小说 / 美国文学 / 理想 </p>
							    <p class="extra-info">有电子书</p>
							    <p class="reviews">《斯通纳》写得精准、克制，将无尽之意留在小说之外，让斯通纳成为一个沉默的英雄。(<a href="">鹿鸣之什评论</a>)</p>
							</div>
					</ul>
				</div>
			</div>
			<div class="section">
				<div class="hd">
					<h2>
						<span>电子图书</span>
						<span class="link-more">
							<a>查看全部»</a>
						</span>
				    </h2>
				</div>
				<div class="bd">
					<div class="sub-hd">
					   <h3>热门电子书
					      <span class="link-more"><a href="">更多»</a></span>
					   </h3>
					</div>
					<div class="sun-bd">
						<ul class="list-col">
							<li>
								<div class="cover">
									<a href="">
									   <img src="./static/images/18842721.jpg" alt="蝴蝶梦" height="158" width="106"/>
									</a>
								</div>
								<div class="info">
									<div class="title"><a>蝴蝶梦</a></div>
									<div class="price">9.99元</div>
								</div>
							</li>
							<li>
								<div class="cover">
									<a href="">
									   <img src="./static/images/18842721.jpg" alt="蝴蝶梦" height="158" width="106"/>
									</a>
								</div>
								<div class="info">
									<div class="title"><a>蝴蝶梦</a></div>
									<div class="price">9.99元</div>
								</div>
							</li>
							<li>
								<div class="cover">
									<a href="">
									   <img src="./static/images/18842721.jpg" alt="蝴蝶梦" height="158" width="106"/>
									</a>
								</div>
								<div class="info">
									<div class="title"><a>蝴蝶梦</a></div>
									<div class="price">9.99元</div>
								</div>
							</li>
							<li>
								<div class="cover">
									<a href="">
									   <img src="./static/images/18842721.jpg" alt="蝴蝶梦" height="158" width="106"/>
									</a>
								</div>
								<div class="info">
									<div class="title"><a>蝴蝶梦</a></div>
									<div class="price">9.99元</div>
								</div>
							</li>
							<li>
								<div class="cover">
									<a href="">
									   <img src="./static/images/18842721.jpg" alt="蝴蝶梦" height="158" width="106"/>
									</a>
								</div>
								<div class="info">
									<div class="title"><a>蝴蝶梦</a></div>
									<div class="price">9.99元</div>
								</div>
							</li>
							<li>
								<div class="cover">
									<a href="">
									   <img src="./static/images/18685450.jpg" alt="青花练" height="164" width="110"/>
									</a>
								</div>
								<div class="info">
									<div class="title"><a>青花练</a></div>
									<div class="price">9.60元</div>
								</div>
							</li>
							<li>
								<div class="cover">
									<a href="">
									   <img src="./static/images/18685450.jpg" alt="青花练" height="164" width="110"/>
									</a>
								</div>
								<div class="info">
									<div class="title"><a>青花练</a></div>
									<div class="price">9.60元</div>
								</div>
							</li>
							<li>
								<div class="cover">
									<a href="">
									   <img src="./static/images/18685450.jpg" alt="青花练" height="164" width="110"/>
									</a>
								</div>
								<div class="info">
									<div class="title"><a>青花练</a></div>
									<div class="price">9.60元</div>
								</div>
							</li>
							<li>
								<div class="cover">
									<a href="">
									   <img src="./static/images/18685450.jpg" alt="青花练" height="164" width="110"/>
									</a>
								</div>
								<div class="info">
									<div class="title"><a>青花练</a></div>
									<div class="price">9.60元</div>
								</div>
							</li>
							<li>
								<div class="cover">
									<a href="">
									   <img src="./static/images/18685450.jpg" alt="青花练" height="164" width="110"/>
									</a>
								</div>
								<div class="info">
									<div class="title"><a>青花练</a></div>
									<div class="price">9.60元</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="section popular-author">
				<div class="hd">
					<h2>
						<span>书评人 </span>
						<span class="link-more">
							<a>进入书评专区»</a>
						</span>
				    </h2>
				</div>
				<div class="bd">
					<ul class="list-col2">
						<li class="noline">
							<a class="userface">
								<img src="./static/images/u3051549-29.jpg" height="48" width="48">
							</a>
							<div class="f-left">
								<p>
									<a href="">特立独行的猫</a>
								</p>
								<p>评论《有钱没钱看习惯》</p>
								<p>
									<a href="">毕业3年半靠自己在帝都买房，我是如何挣钱和攒钱的</a>
								</p>
								<p>
									<span>195有用</span>
									<span>2016-02-19</span>
								</p>
							</div>
						</li>
						<li class="noline">
							<a class="userface">
								<img src="./static/images/u3051549-29.jpg" height="48" width="48">
							</a>
							<div class="f-left">
								<p>
									<a href="">特立独行的猫</a>
								</p>
								<p>评论《有钱没钱看习惯》</p>
								<p>
									<a href="">毕业3年半靠自己在帝都买房，我是如何挣钱和攒钱的</a>
								</p>
								<p>
									<span>195有用</span>
									<span>2016-02-19</span>
								</p>
							</div>
						</li>
						<li class="noline">
							<a class="userface">
								<img src="./static/images/u4792625-22.jpg" height="48" width="48">
							</a>
							<div class="f-left">
								<p>
									<a href="">兔子晴</a>
								</p>
								<p>评论《康熙朝满文硃批奏折全译》</p>
								<p>
									<a href="">关于康熙爷的边角料</a>
								</p>
								<p>
									<span>97有用</span>
									<span>2016-02-20</span>
								</p>
							</div>
						</li>
						
						<li class="noline">
							<a class="userface">
								<img src="./static/images/u4792625-22.jpg" height="48" width="48">
							</a>
							<div class="f-left">
								<p>
									<a href="">兔子晴</a>
								</p>
								<p>评论《康熙朝满文硃批奏折全译》</p>
								<p>
									<a href="">关于康熙爷的边角料</a>
								</p>
								<p>
									<span>97有用</span>
									<span>2016-02-20</span>
								</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="aside" id="aside">
			<div class="ad-placeholder">
				<a><img src="./static/images/f1e96be5d233efb.jpg" height="250" width="300"></a>
			</div>
			<div class="section">
				<div class="hd">
				   <h2>
						<span>热门标签</span>
						<span class="link-more">
							<a>所有热门标签»</a>
						</span>
				    </h2>
				</div>
				<div class="bd">
					<ul class="hot-tags">
						<li>
							<ul class="clearfix">
								<li class="tags_title">文学</li>
								<li><a class="tag">小说</a></li>
								<li><a class="tag">随笔</a></li>
								<li><a class="tag">散文</a></li>
								<li><a class="tag">日本文学</a></li>
								<li><a class="tag">童话</a> </li>
								<li><a class="tag">诗歌</a></li>
								<li><a class="tag">名著</a></li>
								<li><a class="tag">港台</a></li>
								<li class="last"><a class="tag">更多</a></li>
							</ul>
						</li>
						<li>
							<ul class="clearfix">
								<li class="tags_title">文学</li>
								<li><a class="tag">小说</a></li>
								<li><a class="tag">随笔</a></li>
								<li><a class="tag">散文</a></li>
								<li><a class="tag">日本文学</a></li>
								<li><a class="tag">童话</a> </li>
								<li><a class="tag">诗歌</a></li>
								<li><a class="tag">名著</a></li>
								<li><a class="tag">港台</a></li>
								<li class="last"><a class="tag">更多</a></li>
							</ul>
						</li>
						<li>
							<ul class="clearfix">
								<li class="tags_title">流行</li>
								<li><a class="tag">漫画</a></li>
								<li><a class="tag">绘本</a></li>
								<li><a class="tag">推理</a></li>
								<li><a class="tag">青春</a></li>
								<li><a class="tag">言情</a> </li>
								<li><a class="tag">科幻</a></li>
								<li><a class="tag">奇幻</a></li>
								<li class="last"><a class="tag">更多</a></li>
							</ul>
						</li>
						<li>
							<ul class="clearfix">
								<li class="tags_title">流行</li>
								<li><a class="tag">漫画</a></li>
								<li><a class="tag">绘本</a></li>
								<li><a class="tag">推理</a></li>
								<li><a class="tag">青春</a></li>
								<li><a class="tag">言情</a> </li>
								<li><a class="tag">科幻</a></li>
								<li><a class="tag">奇幻</a></li>
								<li class="last"><a class="tag">更多</a></li>
							</ul>
						</li>
						<li>
							<ul class="clearfix">
								<li class="tags_title">科技</li>
								<li><a class="tag">科普</a></li>
								<li><a class="tag">互联网</a></li>
								<li><a class="tag">编程</a></li>
								<li><a class="tag">交互设计</a></li>
								<li><a class="tag">算法</a> </li>
								<li><a class="tag">通信</a></li>
								<li><a class="tag">神经网络</a></li>
								<li class="last"><a class="tag">更多</a></li>
							</ul>
						</li>
						<li>
							<ul class="clearfix">
								<li class="tags_title">科技</li>
								<li><a class="tag">科普</a></li>
								<li><a class="tag">互联网</a></li>
								<li><a class="tag">编程</a></li>
								<li><a class="tag">交互设计</a></li>
								<li><a class="tag">算法</a> </li>
								<li><a class="tag">通信</a></li>
								<li><a class="tag">神经网络</a></li>
								<li class="last"><a class="tag">更多</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<div class="section">
				<div class="hd">
				   <h2>
						<span>畅销图书榜</span>
						<span class="link-more">
							<a></a>
						</span>
				    </h2>
				</div>
				<div class="bd">
					<ul class="nav-vendor">
						<li class="book-chart-hd on">
							<img src="./static/images/jd_chart.png" height="18" width="18">
							<span>京东</span>
						</li>
						<li class="book-chart-hd">
							<img src="./static/images/jd_chart.png" height="18" width="18">
							<span>亚马逊</span>
						</li>
						<li class="book-chart-hd">
							<img src="./static/images/jd_chart.png" height="18" width="18">
							<span>当当</span>
						</li>
					</ul>
					<ul>
						<li class="item">
							<span class="rank-num">1.</span>
							<div class="book-info">
								<a href="">岛上书店</a>
								<div class="author">[美] 加布瑞埃拉·泽文</div>
							</div>
							<span class="buy-button">去购买</span>
						</li>
						<li class="item">
							<span class="rank-num">2.</span>
							<div class="book-info">
								<a href="">岛上书店</a>
								<div class="author">[美] 加布瑞埃拉·泽文</div>
							</div>
							<span class="buy-button">去购买</span>
						</li>
						<li class="item">
							<span class="rank-num">3.</span>
							<div class="book-info">
								<a href="">岛上书店</a>
								<div class="author">[美] 加布瑞埃拉·泽文</div>
							</div>
							<span class="buy-button">去购买</span>
						</li>
						<li class="item">
							<span class="rank-num">4.</span>
							<div class="book-info">
								<a href="">岛上书店</a>
								<div class="author">[美] 加布瑞埃拉·泽文</div>
							</div>
							<span class="buy-button">去购买</span>
						</li>
						<li class="item">
							<span class="rank-num">5.</span>
							<div class="book-info">
								<a href="">岛上书店</a>
								<div class="author">[美] 加布瑞埃拉·泽文</div>
							</div>
							<span class="buy-button">去购买</span>
						</li>
						<li class="item">
							<span class="rank-num">6.</span>
							<div class="book-info">
								<a href="">岛上书店</a>
								<div class="author">[美] 加布瑞埃拉·泽文</div>
							</div>
							<span class="buy-button">去购买</span>
						</li>
						<li class="item">
							<span class="rank-num">7.</span>
							<div class="book-info">
								<a href="">岛上书店</a>
								<div class="author">[美] 加布瑞埃拉·泽文</div>
							</div>
							<span class="buy-button">去购买</span>
						</li>
						<li class="item">
							<span class="rank-num">8.</span>
							<div class="book-info">
								<a href="">岛上书店</a>
								<div class="author">[美] 加布瑞埃拉·泽文</div>
							</div>
							<span class="buy-button">去购买</span>
						</li>
						<li class="item">
							<span class="rank-num">9.</span>
							<div class="book-info">
								<a href="">岛上书店</a>
								<div class="author">[美] 加布瑞埃拉·泽文</div>
							</div>
							<span class="buy-button">去购买</span>
						</li>
						<li class="item">
							<span class="rank-num">10.</span>
							<div class="book-info">
								<a href="">岛上书店</a>
								<div class="author">[美] 加布瑞埃拉·泽文</div>
							</div>
							<span class="buy-button">去购买</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="section">
				<div class="hd">
				   <h2>
						<span>豆瓣图书250</span>
						<span class="link-more">
							<a>更多»</a>
						</span>
				    </h2>
				</div>
				<div class="bd">
					<dl>
						<dt>
							<a href=""><img src="./static/images/s6974202.jpg" height="94" width="70"></a>
						</dt>
						<dd>
							<a href="">史蒂夫·乔布斯传</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="./static/images/s6974202.jpg" height="94" width="70"></a>
						</dt>
						<dd>
							<a href="">史蒂夫·乔布斯传</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="./static/images/s6974202.jpg" height="94" width="70"></a>
						</dt>
						<dd>
							<a href="">史蒂夫·乔布斯传</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="./static/images/s3551687.jpg" height="94" width="70"></a>
						</dt>
						<dd>
							<a href="">三生三世 十里桃花</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="./static/images/s3551687.jpg" height="94" width="70"></a>
						</dt>
						<dd>
							<a href="">三生三世 十里桃花</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="./static/images/s3551687.jpg" height="94" width="70"></a>
						</dt>
						<dd>
							<a href="">三生三世 十里桃花</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="./static/images/s1068023.jpg" height="100" width="65"></a>
						</dt>
						<dd>
							<a href="">左手倒影，右手年华。</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="./static/images/s1068023.jpg" height="100" width="65"></a>
						</dt>
						<dd>
							<a href="">左手倒影，右手年华。</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href=""><img src="./static/images/s1068023.jpg" height="100" width="65"></a>
						</dt>
						<dd>
							<a href="">左手倒影，右手年华。</a>
						</dd>
					</dl>
				</div>
				<ul>
					<li>
						<span><a>> 编辑申请</a></span>
						<span><a>> 出版社申请</a></span>
					</li>
				</ul>
			</div>
			<div class="section">
				<div class="hd">
				   <h2>
						<span>关注我们</span>
						<span class="link-more">
							<a></a>
						</span>
				    </h2>
				</div>
				<div class="bd">
					<ul class="embassy-list">
						<li>
							<a class="icon-site" href=""></a>
							<a href="">豆瓣小站</a>
						</li>
						<li>
							<a class="icon-weibo" href=""></a>
							<a href="">微博</a>
						</li>
						<li>
							<a class="icon-weixin" href=""></a>
							<a href="">微信</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<span class="footer-left">© 2005－2016 douban.com, all rights reserved 北京豆网科技有限公司</span>
		<span class="footer-right">
			<a>关于豆瓣</a>
			.
			<a>在豆瓣工作</a>
			.
			<a>联系我们</a>
			.
			<a>免责声明</a>
			.
			<a>帮助中心</a>
			.
			<a>图书馆合作</a>
			.
			<a>移动应用</a>
			.
			<a>豆瓣广告</a> 
		</span>
	</div>
</body>
</html>
